/*轮播图*/
#banner{width: 100%;overflow: hidden;position: relative;}
.swiper-slide{width: 100%;}
.swiper-slide img{width: 100%;display: block;}
.swiper-container-banner{overflow: hidden;}
.swiper-pagination-banner{position: absolute;z-index: 88;text-align: center;}
.swiper-container-banner .swiper-pagination-bullet{height: .15rem !important;width: .15rem !important;}
.swiper-container-banner .swiper-pagination-bullet-active{background: #024894 !important;}

.bg1{width: 100%;background: url(../img/bg01.jpg)no-repeat;background-size: 100% 100%;}
/*搜索*/
#search{width: 100%;}
.search-box{width: 100%;max-width: 12rem;margin: 0 auto;height: .6rem;}
.search-keyword{line-height: .6rem;float: left;font-size: .16rem;color: #404040;}
.search-inp{float: right;height: .34rem;width: 2.95rem;margin-top: .12rem;font-size: .14rem;border: .01rem solid #313131;box-sizing: border-box;}
.search-inp input{width: 2.32rem;float: left;height: .32rem;border: 0;padding:0 .2rem;box-sizing: border-box;}
.search-inp button{width: .60rem;height: .32rem;color: #ffffff;float: right;cursor: pointer;border: 0;background: #313131;}
.search-inp img{width: .20rem;height: .20rem;}
/*sparkles*/
#sparkles{width: 100%;}
.section-box{width: 12rem;margin: 0 auto;}
.sparkles-box{box-shadow: 0 .03rem .03rem #a9b2bd;padding: .4rem;box-sizing: border-box;}
.sparkles-title{width: 6.62rem;height: .58rem;margin: 0 auto;}
.sparkles-title img{width: 100%;height: 100%;display: block;}
.sparkles-vs{width: 100%;height: 5rem;position: relative;margin-top: .3rem;}
.sparkles-vs-box{width: 5.3rem;float: left;}
.sparkles-vs-box:nth-child(2){margin-left: .4rem;}
.sparkles-vs-img{width: 100%;height: 4.2rem;}
.sparkles-vs-img img{width: 100%;height: 100%;display: block;}
.sparkles-vs-box h4{line-height: .8rem;height: .8rem;width: 100%;background: #024894;color: #FFFFFF;font-size: .24rem;text-align: center;font-weight: bold;box-shadow: 0 .03rem .05rem #929292;}
.sparkles-vs-box:nth-child(2) h4{background: #dbdbdb;color: #353535;}
.vs{width: 1.6rem;height: 1.6rem;border-radius: 50%;position: absolute;bottom: 0;left: 50%;transform: translateX(-.9rem);}
.sparkles-botm{width: 100%;margin-top: .3rem;}
.sparkles-botm-img{width: 5.3rem;float: left;}
.sparkles-botm-img img{width: 4.13rem;display: block;float: right;margin-right: .36rem;}
.sparkles-botm-con{width: 5.3rem;float: right;padding: .15rem 0 0 .1rem;box-sizing: border-box;}
.sparkles-botm-con li{line-height: .5rem;height: .5rem;padding-left: .7rem;box-sizing: border-box;position: relative;width: 100%;margin-top: .35rem;}
.sparkles-botm-con li:before{content: '';height: .16rem;width: .16rem;border-radius: 50%;border: .02rem solid #024894;background: #FFFFFF;box-sizing: border-box;position: absolute;left: 0;top: 0;}
.sparkles-botm-con li h5{float: left;border-bottom: .02rem solid #024894;font-size: .28rem;color: #3d3d3d;position: relative;height: .5rem;box-sizing: border-box;padding-left: .1rem;font-weight: 500;box-sizing: border-box;letter-spacing: .02rem;}
.sparkles-botm-con li h5:before{content: '';height: .02rem;width: .33rem;background: #024894;position: absolute;top: .07rem;left: -.55rem;}
.sparkles-botm-con li h5:after{content: '';height: .02rem;width: .48rem;background: #024894;transform: rotate(60deg);position: absolute;top: .28rem;left: -.35rem;}

/*product*/
#product{padding: .86rem 0 2rem;box-sizing: border-box;width: 100%;}
.sec-title{width: 100%;text-align: center;}
.sec-title img{}
.sec-title span{text-align: center;color: #999999;display: block;font-size: .14rem;text-transform: uppercase;letter-spacing: .02rem;}
.sec-title i{display: block;height: .22rem;width: 2.8rem;line-height: .2rem;text-align: center;font-size: .16rem;color: #666666;border: .01rem solid #024894;box-sizing: border-box;margin: 0 auto;font-style: normal;}
#product .section-box{margin-top: 1.1rem;}
.content-left{float: left;width: 2.4rem;border: .04rem solid;border-image: linear-gradient(to top,#00408d,#0b75ba,#00408d) 30 30;border-image: -webkit-linear-gradient(to top,#00408d,#0b76bb,#00408d) 30 30;border-image: -moz-linear-gradient(to top,#00408d,#0b76bb,#00408d) 30 30;box-sizing: border-box;}
.left-nav{margin-top: .1rem;background: #FFFFFF;}
.left-nav:first-child{margin-top: 0;}
.left-nav-top{width: 100%;height: 1.2rem;background: url(../img/content_left_title_bg.png)no-repeat;background-size: 100% 100%;position: relative;margin-bottom: .1rem;}
.left-nav-top h3{font-size: .26rem;line-height: 1rem;color: #FFFFFF;position: absolute;width: 100%;text-align: center;font-weight: bold;top: 0;left: 0;opacity: 1;}
.left-nav-top h5{font-size: .42rem;color: #0a3961;line-height: .8rem;text-transform: uppercase;opacity: .32;font-weight: bold;text-align: center;}
.left-nav-con{padding: .03rem 0 .2rem;box-sizing: border-box;}
.left-nav-list-title{height: .42rem;line-height: .42rem;font-size: .2rem;background: #024894;padding-left: .48rem;box-sizing: border-box;overflow: hidden;width: 100%;}
.left-nav-list-title a{color: #FFFFFF;}
.left-nav-con ul{padding-left: .2rem;box-sizing: border-box;padding-right: .05rem;}
.left-nav-con ul li{line-height: .48rem;font-size: .18rem;border-bottom: .01rem dashed #969696;padding-left: .34rem;box-sizing: border-box;height: .48rem;width: 100%;overflow: hidden;}
.left-contact h6{line-height: .24rem;font-size: .18rem;color: #FFFFFF;text-transform: uppercase;text-align: center;letter-spacing: .02rem;}
.left-contact h5{line-height: .7rem;}
.left-contact h3{line-height: .9rem;}
.left-nav-contact{width: 100%;background-color: #FFFFFF;color: #333333;}
.left-nav-contact-top{width: 100%;height: .6rem;padding-left: .55rem;box-sizing: border-box;background: url(../img/header_contact_bg.png)no-repeat .1rem center;background-size: .37rem .39rem;margin-bottom: .1rem;}
.left-nav-contact-top h6{font-size: .2rem;font-weight: bold;line-height: .3rem;background: linear-gradient(to right,#003e8b,#0c7cc1,#003e8b,#0c7cc1);-webkit-background-clip: text;color: transparent;text-align: left;letter-spacing: 0;}
.left-nav-contact img{width: 1.3rem;height: 1.3rem;margin: 0 auto;display: block;}
.left-nav-contact p{line-height: .4rem;font-size: .2rem;font-weight: 500;letter-spacing: .01rem;text-align: center;}
.left-nav-qrcode{width: 100%;background: #FFFFFF;text-align: center;padding-bottom: .1rem;box-sizing: border-box;}
.left-nav-qrcode img{width: 1.44rem;height: 1.44rem;}
.index-pro-list{float: right;margin-top: -.5rem;}
.pro-list{width: 9.3rem;}
.pro-list-nav{width: 100%;height: .5rem;border-bottom: .04rem solid #959595;line-height: .5rem;background: url(../img/pro_list_nav_ico.png)no-repeat center left;background-size: .19rem .29rem;}
.pro-list-nav h3{width: 1.15rem;padding-left: .3rem;box-sizing: border-box;font-size: .2rem;font-weight: bold;background: linear-gradient(to top,#024894,#0b76bb,#024894);-webkit-background-clip: text;color: transparent;position: relative;float: left;}
.pro-list-nav h3:before{content: '';width: 100%;height: .04rem;background: #00428d;position: absolute;bottom: -.04rem;left: 0;}
.pro-list-nav h3:after{content: '';border: .05rem solid transparent;border-bottom-color: #00428d;border-bottom-width: .06rem;position: absolute;bottom: 0;left: 50%;}
.pro-list-nav a{float: right;font-size: .2rem;color: #303030;}
.pro-list-top{width: 100%;height: 3rem;border: .01rem solid #bababa;margin-top: .15rem;}
.pro-list-top-img{width: 3rem;height: 3rem;border-right: .01rem solid #bababa;box-sizing: border-box;float: left;position: relative;}
.pro-list-top-img img{width: 100%;height: 100%;display: block;}
.pro-list-top-img:before{content: '';height: 1.09rem;width: 1.09rem;background: url(../img/pro_list_top_img_bg.png)no-repeat;background-size: 100% 100%;position: absolute;top: -.06rem;right: -.06rem;}
.pro-list-top-img:after{content: '热销机型';font-size: .2rem;color: #FFFFFF;font-weight: bold;width: 1.09rem;line-height: .3rem;transform: rotate(45deg);position: absolute;top: .17rem;right: -.22rem;text-align: center;}
.pro-list-top-text{width: 6.3rem;height: 3rem;float: right;padding: .3rem;box-sizing: border-box;}
.pro-list-top-text h3{line-height: .6rem;float: left;height: .6rem;width: 100%;overflow: hidden;font-size: .24rem;color: #004097;font-weight: bold;}
.pro-list-top-text p{width: 3.6rem;height: 1.6rem;overflow: hidden;line-height: .4rem;font-size: .16rem;color: #010101;float: left;}
.pro-list-top-links{width: 1.7rem;float: right;}
.pro-list-top-links a{display: block;width: 1.7rem;height: .4rem;line-height: .4rem;text-align: center;font-size: .18rem;border: .02rem solid #024894;box-sizing: border-box;margin-top: .3rem;color: #024894;}
.pro-list-top-links a:first-child{background: #024894;color: #FFFFFF;}
.pro-list ul li{width: 3rem;margin-left: .15rem;margin-top: .2rem;float: left;}
.pro-list ul li:nth-child(3n+1){margin-left: 0;}
.pro-list ul li .pro-img{width: 3rem;height: 3rem;}
.pro-img{overflow: hidden;background: #FFFFFF;position: relative;}
.pro-img:before{content: 'enter';display: block;width: 1rem;height: .3rem;background: linear-gradient(to left,#024894,#008bd5,#024894);color: #FFFFFF;text-transform: uppercase;text-align: center;transform: rotate(45deg);position: absolute;top: .1rem;right: -.25rem;line-height: .3rem;font-size: .14rem;opacity: 0;z-index: 99;transition: all .5s;}
.pro-img img{width: 100%;height: 100%;display: block;transition:all .5s;}
.pro-title{width: 100%;height: .5rem;transition:all .5s;background: #d2d2d2;position: relative;}
.pro-title h3{font-size: .18rem;line-height: .5rem;text-align: center;width: 100%;height: .5rem;overflow: hidden;padding: 0 .2rem;box-sizing: border-box;}
.pro-list ul li:hover .pro-img img{transform: scale(1.2);}
.pro-list ul li:hover .pro-title{background: #024894;color: #FFFFFF;}
.pro-list ul li:hover .pro-img:before{opacity: 1;}

.bg2{width: 100%;background: url(../img/bg02.jpg)no-repeat;background-size: 100% 100%;}
.index-contact{width: 100%;height: 2.93rem;background-size: 19.2rem 2.93rem;background: url(../img/index_bg01.png)no-repeat;padding: .3rem 0;box-sizing: border-box;position: relative;}
.index-contact:before{content: '';height: .04rem;width: 18.8rem;background: #000000;position: absolute;top: -.1rem;right: 0;}
.index-contact-pro{height: 3.94rem;width: 4.93rem;position: absolute;left: .4rem;bottom: .5rem;}
.index-contact-box{width: 12rem;margin: 0 auto;padding-left: 2.35rem;box-sizing: border-box;position: relative;}
.index-contact-box h4{height: .6rem;line-height: .4rem;width: 8.67rem;background: url(../img/index_contact_box_h4_bg.png)no-repeat bottom left;background-size: 8.67rem .12rem;font-size: .32rem;color: #FFFFFF;font-weight: bold;}
.index-contact-box h6{font-size: .18rem;line-height: .4rem;color: #FFFFFF;}
.index-contact-box-con{height: .5rem;width: 8.6rem;line-height: .5rem;margin-top: .1rem;}
.phone{float: left;height: .5rem;width: 3.4rem;padding-left: .6rem;box-sizing: border-box;background: url(../img/phone_ico.png)no-repeat .25rem center;background-size: .29rem .29rem;font-size: .3rem;color: #FFFFFF;}
.contact-link{width: 2.4rem;float: left;background: #ffffff;height: .5rem;line-height: .5rem;transform: skew(-15deg);}
.contact-link a{display: block;width: 100%;height: 100%;transform: skew(15deg);font-size: .3rem;color: #010101;font-weight: 500;padding-left: .8rem;box-sizing: border-box;background: url(../img/contact_link_ico.png)no-repeat .3rem center;background-size: .29rem .32rem;}
.index-qrcode{height: 1.6rem;width: 1.6rem;position: absolute;top: .1rem;right: 0;}
.reason-title{width: 100%;height: 1.92rem;padding-top: .4rem;box-sizing: border-box;}
.reason-title .sec-title img{margin-bottom: .2rem;}
.reason-title .sec-title i{border: 0;background: #074994;color: #FFFFFF;letter-spacing: .02rem;}

/*reason*/
#reason{width: 100%;}
.reason-one{width: 100%;background: url(../img/reason_one_bg.jpg)no-repeat ;background-size: 19.2rem 8.2rem;height: 8.2rem;position: relative;padding-top: .6rem;box-sizing: border-box;}
.reason-one:before{content: '';border: .2rem solid transparent;border-top-color: #e8e8e8;border-top-width: .2rem;position: absolute;top: 0;left: 50%;transform: translateX(-.2rem);}
.reason-one-title{width: 3.2rem;height: .6rem;line-height: .6rem;text-align: right;margin: 0 auto;font-size: .44rem;color: #FFFFFF;letter-spacing: .02rem;position: relative;overflow: hidden;}
.reason-one-title:before{content: '6';font-size: 1.1rem;font-family: impact;font-weight: 500;color: #FFFFFF;position: absolute;top: .18rem;left: 0;}
.reason-one-title:after{content: '大';height: .46rem;width: .46rem;text-align: center;line-height: .46rem;background: #FFFFFF;color: #074994;font-size: .3rem;border-radius: 50%;position: absolute;top: .07rem;left: .75rem;}
.reason-one .reason-box{background: url(../img/reason_one_box_bg.jpg);}
.reason-box{width: 12rem;margin: 0 auto;position: relative;}
.reason-box-title{width: 3.2rem;margin: 0 auto;height: .46rem;line-height: .46rem;overflow: hidden;font-size: .18rem;color: #074994;position: relative;text-align: right;}
.reason-box-title:before{content: '6';font-size: 1.1rem;font-family: impact;font-weight: 500;color: #074994;position: absolute;bottom: .35rem;left: 0;text-shadow: 0 .03rem .03rem #898989;}
.reason-one .reason-box img{width: 9.24rem;height: 4.8rem;display: block;margin: 1rem auto 0;transform: translateX(.6rem);}
.reason-one-box-ul li{height: .4rem;line-height: .4rem;border-bottom: .02rem solid #074994;padding-left:.5rem;box-sizing: border-box;position: absolute;font-size: .26rem;color: #303030;}
.reason-one-box-ul li i{display: block;font-style: normal;position: relative;text-transform: uppercase;}
.reason-one-box-ul li i:before{content: '';height: .4rem;width: .4rem;position: absolute;top: 0;left: -.5rem;}
.reason-one-box-ul li i:after{content: '';height: .1rem;width: .1rem;background: #FFFFFF;border: .02rem solid #074994;border-radius: 50%;position: absolute;right: 0;bottom: -.04rem;box-sizing: border-box;}
.reason-one-box-ul li:nth-child(1){top: 1.65rem;left: 1.6rem;width: 4.15rem;}
.reason-one-box-ul li:nth-child(2){top: 2.45rem;left: 1.25rem;width: 4.5rem;}
.reason-one-box-ul li:nth-child(3){top: 3.45rem;left: .7rem;width: 4.2rem;}
.reason-one-box-ul li:nth-child(4){top: 4.3rem;left: .45rem;width: 4.3rem;}
.reason-one-box-ul li:nth-child(5){top: 2rem;right: .5rem;width: 3.1rem;}
.reason-one-box-ul li:nth-child(5),.reason-one-box-ul li:nth-child(6){padding-left: 0;padding-right: .5rem;text-align: right;}
.reason-one-box-ul li:nth-child(5) i:before,.reason-one-box-ul li:nth-child(6) i:before{content: '';left: auto;right: -.5rem;}
.reason-one-box-ul li:nth-child(5) i:after,.reason-one-box-ul li:nth-child(6) i:after{right: auto;left: 0;}
.reason-one-box-ul li:nth-child(6){top: 4.25rem;right: .7rem;width: 3.05rem;}
.reason-one-box-ul li:nth-child(1) i:before{background-image: url(../img/reason_one_box_li_ico01.jpg);background-size: 100% 100%;}
.reason-one-box-ul li:nth-child(2) i:before{background-image: url(../img/reason_one_box_li_ico02.jpg);background-size: 100% 100%;}
.reason-one-box-ul li:nth-child(3) i:before{background-image: url(../img/reason_one_box_li_ico03.jpg);background-size: 100% 100%;}
.reason-one-box-ul li:nth-child(4) i:before{background-image: url(../img/reason_one_box_li_ico04.jpg);background-size: 100% 100%;}
.reason-one-box-ul li:nth-child(5) i:before{background-image: url(../img/reason_one_box_li_ico05.jpg);background-size: 100% 100%;}
.reason-one-box-ul li:nth-child(6) i:before{background-image: url(../img/reason_one_box_li_ico06.jpg);background-size: 100% 100%;}
.reason-two{width: 100%;height: 7rem;background: url(../img/reason_two_bg.jpg)no-repeat;background-size: 19.2rem 7rem;padding: .4rem 0 0;box-sizing: border-box;position: relative;}
.reason-two:before{content: '';border: .2rem solid transparent;border-top-color: #042d69;border-top-width: .2rem;position: absolute;top: 0;left: 50%;transform: translateX(-.2rem);}
.reason-two-left{width: 6rem;height: 6.2rem;float: left;background: -webkit-radial-gradient(center center,#1f70d3,#114486);padding-top: .5rem;box-sizing: border-box;}
.reason-two-left-title{width: 100%;height: 1rem;background: url(../img/reason_two_left_title_bg.png)no-repeat bottom center;background-size: 6rem .01rem;position: relative;padding-left: 1.4rem;box-sizing: border-box;}
.reason-two-left-title:before{content: '18';font-family: impact;font-size: 1.1rem;color: #FFFFFF;font-weight: 500;position: absolute;bottom: -.07rem;left: .3rem;text-shadow: 0 .03rem .03rem #0d305c;line-height: 1;}
.reason-two-left-title h4{line-height: .6rem;height: .6rem;padding-left: .55rem;box-sizing: border-box;font-size: .44rem;color: #FFFFFF;font-weight: 500;}
.reason-two-left-title h4:before{content: '项';height: .5rem;width: .5rem;background: #7095c5;border-radius: 50%;line-height: .5rem;text-align: center;font-size: .3rem;color: #FFFFFF;position: absolute;top: .05rem;left: 1.4rem;}
.reason-two-left-title span{line-height: .3rem;font-size: .18rem;color: #FFFFFF;}
.reason-two-left ul{margin-top: 1.3rem;}
.reason-two-left ul li{height: .8rem;width: 5.2rem;line-height: .8rem;background: #FFFFFF;font-size: .26rem;padding-left: 1.1rem;box-sizing: border-box;font-weight: 500;margin-bottom: .16rem;color: #303030;position: relative;}
.reason-two-left ul li:before{content: 'A';height: .52rem;font-size: .48rem;font-weight: 500;line-height: .52rem;width: .42rem;background: linear-gradient(to top,#01438f,#0b75ba,#01438f);-webkit-background-clip: text;color: transparent;position: absolute;top: .14rem;left: .4rem;border-bottom: .02rem solid #00408d;box-sizing: border-box;}
.reason-two-left ul li:nth-child(2){background: linear-gradient(to top,#d7d7d7,#ffffff);}
.reason-two-left ul li i{display: block;background: linear-gradient(to top,#01438f,#0b75ba,#01438f);-webkit-background-clip: text;color: transparent;font-style: normal;}
.reason-two-left ul li:nth-child(2):before{content: 'B';color: #303030;border-bottom: .02rem solid #303030;}
.reason-two-left ul li:nth-child(3):before{content: 'C';}
.reason-two-right{width: 6rem;height: 6.2rem;float: right;background: #FFFFFF;padding-top: .3rem;box-sizing: border-box;}
.swiper-container-zhengshu{width: 3.8rem;margin: 0 auto;padding: 0 .05rem .6rem .05rem;box-sizing: border-box;position: relative;overflow: hidden;}
.swiper-container-zhengshu .swiper-slide{background: linear-gradient(to top,#003f8c,#0c7cc1,#01418e,#0c7cc1);padding: .1rem;box-sizing: border-box;box-shadow: 0 .05rem .05rem #acabab;}
.swiper-container-zhengshu .swiper-slide img{width: 100%;height: 100%;display: block;}
.zhengshu-pag{height: .4rem;width: 1.4rem;position: absolute;bottom: 0;left: 50%;transform: translateX(-.7rem);}
.zhengshu-pag i{cursor: pointer;width: .7rem;height: .4rem;float: left;background: linear-gradient(to top,#00408d,#0b76bb,#00408d);display: block;position: relative;}
.zhengshu-pag .swiper-button-disabled{background: #828282;}
.zhengshu-pag i:before{content: '';height: .4rem;width: .7rem;background: url(../img/zhengshu_pag_ico.png)no-repeat center center;background-size: .19rem .21rem;position: absolute;top: 0;left: 0;}
.zhengshu-pag i:nth-child(2):before{transform: rotate(180deg);}
.reason-three{width: 100%;height: 7.85rem;background: url(../img/reason_three_bg.jpg)no-repeat;background-size: 100% 7.85rem;padding-top: .8rem;box-sizing: border-box;position: relative;}
.reason-three:before{content: '';border: .2rem solid transparent;border-top-color: #e8e8e8;border-top-width: .2rem;position: absolute;top: 0;left: 50%;transform: translateX(-.2rem);}
.reason-three-left{width: 6rem;height: 4rem;float: left;}
.reason-three-left-top{width: 100%;}
.reason-three-left-top img{width: 100%;display: block;}
.reason-three-left ul{margin-top: .2rem;}
.reason-three-left ul li{width: 1.88rem;height: 1.88rem;float: left;margin-left: .18rem;border: .01rem solid #104283;box-sizing: border-box;}
.reason-three-left ul li:first-child{margin-left: 0;}
.reason-three-left ul li img{width: 100%;height: 100%;display: block;box-shadow: 0 0 .05rem #dedede;}
.reason-three-right{width: 6rem;height: 6.08rem;float:right;border: .02rem solid #0f3c77;box-sizing: border-box;padding-top: .4rem;}
.reason-three-right-title{width: 100%;height: 1rem;background: url(../img/reason_three_left_title_bg.png)no-repeat bottom center;background-size: 6rem .01rem;position: relative;padding-left: 2.1rem;box-sizing: border-box;}
.reason-three-right-title:before{content: '3~7';font-family: impact;font-size: 1.1rem;color: #104283;font-weight: 500;position: absolute;bottom: -.07rem;left: .3rem;text-shadow: 0 .03rem .03rem #0d305c;line-height: 1;}
.reason-three-right-title h4{line-height: .6rem;height: .6rem;padding-left: .55rem;box-sizing: border-box;font-size: .44rem;color: #104283;font-weight: 500;}
.reason-three-right-title h4:before{content: '天';height: .5rem;width: .5rem;background: #104283;border-radius: 50%;line-height: .5rem;text-align: center;font-size: .3rem;color: #FFFFFF;position: absolute;top: .05rem;left: 2.1rem;}
.reason-three-right-title span{line-height: .3rem;font-size: .18rem;color: #104283;}
.reason-three-right ul{width: 5.2rem;margin-top: 1.4rem;float: right;}
.reason-three-right ul li{width: 100%;height: .8rem;line-height: .8rem;padding-left: .4rem;box-sizing: border-box;position: relative;margin-bottom: .16rem;background: #104283;}
.reason-three-right ul li:after{content: '';border: .14rem solid transparent;border-bottom-color: #022146;border-bottom-width: .1rem;position: absolute;top: -.24rem;right: 0;}
.reason-three-right ul li i{display: block;width: 100%;height: .8rem;font-size: .26rem;color: #ffffff;padding-left: .7rem;box-sizing: border-box;position: relative;font-style: normal;}
.reason-three-right ul li i:before{content: 'A';width: .42rem;height: .52rem;font-size: .48rem;line-height: .52rem;display: block;border-bottom: .02rem solid #FFFFFF;font-weight: 500;position: absolute;top: .1rem;left: 0;}
.reason-three-right ul li:nth-child(2) i:before{content: 'B';}
.reason-three-right ul li:nth-child(3) i:before{content: 'C';}

.bg3{width: 100%;background: url(../img/bg03.jpg)no-repeat;background-size: 100% 100%;}
.index-contacts .index-contact-box{padding-left: 0;}
.index-contacts .index-contact-box h4{background: none;}
.index-contacts .index-contact-box .index-qrcode{width: 1.88rem;height: 1.88rem;background: #010101;padding: .18rem 0 0 .04rem;box-sizing: border-box;}
.index-contacts .index-contact-box .index-qrcode img{width: 1.6rem;height: 1.6rem;}
/*case*/
#case{width: 100%;padding: .6rem 0 .7rem;box-sizing: border-box;}
.case-box-con{width: 100%;margin-top: .5rem;position: relative;height: 5.9rem;}
.case-box-con:before{content: '仁光智能客户案例';font-size: .72rem;font-weight: bold;color: #e5e7eb;line-height: 1;position: absolute;top: -.26rem;left: 0;letter-spacing: .14rem;}
.case-box-con:after{content: 'CASE';font-size: 1.28rem;line-height: 1;color: #d3d5db;font-weight: bold;position: absolute;right: -.1rem;top: -1rem;z-index: -1;}
.index-case-list{width: 5.14rem;height: 5.8rem;box-sizing: border-box;padding: .3rem 0 0 .5rem;background: #FFFFFF;box-shadow: 0 .02rem .05rem #a2a2a2;position: absolute;top: 0;right: 0;}
.index-case-list ul{width: 100%;}
.index-case-list ul li{width: 100%;line-height: 1.1rem;line-height: 1.1rem;border-bottom: .01rem dashed #b9b9b9;padding: .26rem .26rem .26rem 1.1rem;box-sizing: border-box;background: url(../img/index_case_list_ioc.png)no-repeat .54rem center;background-size: .33rem .28rem;position: relative;}
.index-case-list ul li:before{content:'';height: 100%;width: 0;background: #008bd5;position: absolute;top: 0;left: 0;transition:all .5s;}
.index-case-list ul li h4{font-size: .16rem;color: #010101;line-height: .3rem;width: 3.1rem;height: .3rem;overflow: hidden;}
.index-case-list ul li p{font-size: .14rem;color: #807e7e;line-height: .3rem;height: .3rem;width: 3.1rem;overflow: hidden;}
.index-case-list-bom{width: 100%;padding: .1rem .4rem 0 .3rem;box-sizing: border-box;}
.index-case-list-bom h5{font-size: .18rem;text-transform: uppercase;width: 2.3rem;float: left;position: relative;color: #626262;padding-top: .08rem;box-sizing: border-box;}
.index-case-list-bom h5:before{content: '仁光智能案例';font-size: .36rem;font-weight: bold;color: #323335;background: #FFFFFF;line-height: .4rem;position: absolute;top: .22rem;left: 0;padding-right: .1rem;}
.index-case-list-bom h5:after{content: '';height: .2rem;width: 100%;background: rgba(255,255,255,.2);position: absolute;top: .22rem;left: 0;}
.index-case-list-bom a{display: block;height: .4rem;width: 1rem;line-height: .4rem;text-align: center;color: #FFFFFF;font-size: .16rem;background: linear-gradient(to left,#00408d,#0b76bb,#00408d);border-radius: .1rem;float: right;margin-top: .2rem;}
.index-case-hot{position: absolute;width: 7.3rem;top: .3rem;left: 0;z-index: 2;}
.index-case-hot img{width: 100%;display: block;}
.index-case-hot-text{width: 100%;color: #313131;height: .4rem;line-height: .4rem;font-size: .14rem;background: #FFFFFF;}
.index-case-hot-text h4{float: left;font-size: .14rem;width: 4.1rem;height: .3rem;overflow: hidden;}
.index-case-hot-text span{display: block;float: left;width: 1rem;text-align: center;}
.index-case-hot-text a{display: block;float: right;background: #008bd5;color: #FFFFFF;text-align: center;width: 1.9rem;height: .4rem;}
.index-case-list ul li:hover:before{width: .13rem;}
.index-case-list ul li:hover h4{background: linear-gradient(to top,#01438f,#0b75ba,#01438f);-webkit-background-clip: text;color: transparent;font-weight: bold;}
.index-case-list ul li:hover{background: url(../img/index_case_list_iocs.png)no-repeat .54rem center;}
.swiper-container-case{width: 12.1rem;margin: 0 auto;overflow: hidden;padding: .1rem .05rem;box-sizing: border-box;}
.swiper-container-case .swiper-slide{box-shadow: 0 .03rem .03rem #b6b6b6;}


/*about*/
#about{width: 100%;padding: .5rem 0 .8rem;box-sizing: border-box;}
#about .section-box{width: 12.6rem;}
.about-box{width: 12.6rem;margin: .4rem auto 0;}
.about-box-left{width: 6.3rem;float: left;height: 4.6rem;background: linear-gradient(to left,#e1e1e1,#fefdfd,#e5e5e5);padding: .35rem .3rem;box-sizing: border-box;position: relative;}
.about-box-left img{width: 100%;height: 100%;display: block;}
.about-box-left:before{content: '';width: 100%;height: .4rem;background: url(../img/about_con_left_bg.png)no-repeat;background-size: 100% 100%;position: absolute;bottom: -.4rem;left: 0;}
.about-box-right{width: 6.3rem;height: 4.6rem;float: right;background: #FFFFFF;box-shadow: .02rem .03rem .05rem #a7a7a7;padding: .4rem .3rem;box-sizing: border-box;}
.about-box-right h3{font-size: .36rem;color: #333333;font-weight: bold;line-height: .6rem;text-align: right;}
.about-box-right i{display: block;font-size: .12rem;color: #a4a4a4;font-style: normal;position: relative;line-height: .2rem;position: relative;margin-bottom: .4rem;}
.about-box-right i:after{content: '';height: .01rem;width: 4.5rem;position: absolute;bottom: 0;right: 0;background: linear-gradient(to left,#9cd0ec,#9cd0ed,#9cd0ec,#9cd0ed,#9cd0ec);}
.about-box-right p{font-size: .16rem;color: #333333;margin-top: .15rem;line-height: .3rem;text-indent: 2em;}
.about-box-right a{display: block;height: .4rem;line-height: .4rem;width: 1.6rem;text-align: center;color: #FFFFFF;font-size: .18rem;letter-spacing: .03rem;background: linear-gradient(to left,#04549e,#0b76bb,#04549e);border-radius: .1rem;float: right;margin-top: .5rem;}
.swiper-container-about{width: 100%;overflow: hidden;margin-top: .4rem;}
.about-img-list{position: relative;width: 100%;}
.about-img-list i{position: absolute;top: 50%;height: 100%;color: #FFFFFF;cursor: pointer;font-size: .3rem;width: .5rem;height: .5rem;line-height: .5rem;text-align: center;transform: translateY(-.25rem);}
.about-img-list .icon-arrow-left-bold{left: -.5rem;}
.about-img-list .icon-arrow-right-bold{right: -.5rem;}
.swiper-container-about .swiper-slide{background: #FFFFFF;padding: .01rem;box-sizing: border-box;}
/*news*/
#news{width: 100%;padding: .6rem 0;box-sizing: border-box;}
.news-index-box{width: 8.5rem;float: left;background: #FFFFFF;margin-top: .6rem;}
.gallery-thumbs-news{width: 100%;padding: .01rem 0 .1rem;box-sizing: border-box;}
.gallery-thumbs-news .swiper-slide{height: .5rem;line-height: .5rem;font-size: .18rem;text-align: center;cursor: pointer;background: #333333;color: #FFFFFF;}
.gallery-thumbs-news a{float: right;color: #393939;}
.gallery-top-news{width: 8.5rem;box-shadow: 0 .05rem .05rem #b1b0b0;}
.gallery-top-news .swiper-slide{padding: .4rem .2rem .5rem;box-sizing: border-box;background: #FFFFFF;}
.news-index-box-hot{width: 3.6rem;float: left;margin-top: .07rem;}
.news-index-box-hot-img{width: 100%;}
.news-index-box-hot-img img{width: 3.6rem;height: 2.6rem;display: block;}
.news-index-box-hot-text{width: 3.6rem;height: .75rem;background: #FFFFFF;padding-top: .1rem;box-sizing: border-box;position: relative;border-bottom: .01rem dashed #dcdcdc;}
.news-index-box-hot-text p{font-size: .14rem;line-height: .3rem;text-align: justify;height: .52rem;overflow: hidden;height: .6rem;width: 100%;overflow: hidden;}
.news-index-box-hot-text span{display: block;position: absolute;height: .3rem;width: 1rem;text-align: center;line-height: .3rem;background: #FFFFFF;bottom: .05rem;right: 0;}
.news-index-box-hot-text a{color: #333333;}
.news-index-box-list{width: 4.2rem;float: right;margin-top: -.1rem;}
.news-index-box-list li{width: 100%;height: .44rem;line-height: .44rem;position: relative;border-bottom: .01rem dashed #dcdcdc;padding-left: .18rem;box-sizing: border-box;}
.news-index-box-list li h3{font-size: .14rem;width: 3rem;height: .44rem;overflow: hidden;float: left;font-weight: 500;}
.news-index-box-list li a{color: #333333;}
.news-index-box-list li:after{content: '';height: .07rem;width: .07rem;border-radius: 50%;background: #a6a6a6;position: absolute;top: .21rem;left: 0;}
.news-index-box-list li span{float: right;font-size: .16rem;}
.news-index-box-list li:hover a{color: #004097;}
.news-index-box-list li:hover:after{background: #004097;}
.gallery-thumbs-news .swiper-slide-thumb-active{background: #004097;position: relative;}
.gallery-thumbs-news .swiper-slide-thumb-active:before{content: '';border: .1rem solid transparent;border-top-color: #004097;border-top-width: .1rem;position: absolute;bottom: -.2rem;left: 50%;transform: translateX(-.05rem);}
.news-index-qfa{width: 3.2rem;float: right;margin-top: .6rem;height: 4.93rem;background: #FFFFFF;box-shadow: 0 .05rem .05rem #b1b0b0;}
.news-index-qfa-title{width: 100%;height: .5rem;line-height: .5rem;text-align: left;color: #FFFFFF;font-size: .2rem;background: #004097;position: relative;padding: 0 .2rem;box-sizing: border-box;}
.news-index-qfa-title a{line-height: .5rem;font-size: .14rem;float: right;color: #FFFFFF;}
.news-index-qfa-title:before{content: '';height: .12rem;width: .12rem;background: #008bd5;transform: rotate(45deg) translateX(-.1rem);position: absolute;bottom: -.13rem;left: 50%;}
.news-index-qfa ul{width: 100%;padding: .3rem .3rem 0;box-sizing: border-box;height: 4.2rem;overflow-y: scroll;overflow-x: hidden;margin-top: .1rem;}
.news-index-qfa ul::-webkit-scrollbar{width: .05rem;height: .05rem;}
.news-index-qfa ul::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 0rem rgba(0,0,0,0.2);background: #004097;border-radius: .25rem;}
.news-index-qfa ul::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0rem rgba(0,0,0,0.2);background: #FFFFFF;border-radius: .05rem;}
.news-index-qfa ul li{width: 100%;border-bottom: .01rem dashed #dcdcdc;padding: .1rem 0;box-sizing: border-box;}
.news-index-qfa ul li:last-child{border-bottom: 0;}
.news-index-qfa ul li div{line-height: .3rem;font-size: .14rem;color: #545454;position: relative;padding-left: .3rem;box-sizing: border-box;}
.news-index-qfa ul li a{color: #333333;}
.news-index-qfa ul li h3{width: 100%;height: .3rem;overflow: hidden;font-size: .18rem;font-weight: 500;}
.news-index-qfa ul li p{height: .3rem;width: 100%;overflow: hidden;text-align: justify;}
.q:after{content: 'Q .';height: .24rem;width: .24rem;text-align: center;line-height: .24rem;color: #333333;font-size: .16rem;position: absolute;top: .03rem;left: 0;}
.a:after{content: 'A .';height: .24rem;width: .24rem;text-align: center;line-height: .24rem;color: #333333;font-size: .16rem;position: absolute;top: .03rem;left: 0;}
.news-index-qfa ul li a:hover{color: #004097;}

/*links*/
#links{width: 100%;background: url(../img/links_bg.png)no-repeat;background-size: 100% 100%;padding: .4rem 0 .2rem;box-sizing: border-box;color: #FFFFFF;}
.links-box-title{width: 100%;height: .5rem;line-height: .5rem;position: relative;}
.links-box-title h3{font-size: .3rem;font-weight: 500;text-transform: uppercase;float: left;margin-right: .1rem;}
.links-box-title h4{font-size: .22rem;font-weight: 500;float: left;}
.links-box-title:before{content: '';height: .02rem;width: 8.3rem;background: #008bd5;position: absolute;top: .24rem;right: 0;}
#links ul{width: 100%;margin-top: .2rem;}
#links ul li{float: left;line-height: .40rem;font-size: .16rem;margin-right: .5rem;}
#links ul li a{color: #cdcdcd; transition: all .5s;}
#links ul li a:hover{color: #FFFFFF;}
/*footer*/
footer{width: 100%;color: #FFFFFF;background: url(../img/footer_bg.jpg)no-repeat top center;background-size: 100% 2.7rem;height: 3rem;border-top: .01rem solid #f5f5f5;}
.footer-box{width: 12rem;margin: 0 auto;height: 2.7rem;}
.footer-box-logo{width: 2.7rem;float: left;}
.footer-box-logo img{height: 1.2rem;width: 2.7rem;margin-top: .6rem;}
.footer-box-contact{float: left;width: 7rem;padding-top: .4rem;box-sizing: border-box;padding-left: 2rem;}
.footer-box-contact ul li{line-height: .5rem;padding-left: .4rem;box-sizing: border-box;font-size: .16rem;color: #e5e5e5;position: relative;}
.footer-box-contact ul li:before{content: '';height: .5rem;width: .3rem;position: absolute;top: 0;left: 0;}
.footer-box-contact ul li:nth-child(1):before{background: url(../img/footer_ico01.png)no-repeat center center;background-size: .27rem .19rem;}
.footer-box-contact ul li:nth-child(2):before{background: url(../img/footer_ico02.png)no-repeat center center;background-size: .24rem .24rem;}
.footer-box-contact ul li:nth-child(3):before{background: url(../img/footer_ico03.png)no-repeat center center;background-size: .24rem .18rem;}
.footer-box-contact ul li:nth-child(4):before{background: url(../img/footer_ico04.png)no-repeat center center;background-size: .2rem .18rem;}
.footer-box-erweima{width: 1.88rem;float: right;margin-top: .4rem;}
.footer-box-erweima img{width: 100%;display: block;}
.footer-botm{width: 100%;height: .3rem;line-height: .3rem;text-align: center;font-size: .14rem;color: #656565;background: #000000;}
.footer-botm a{color: #656565;}
/*公共*/
#content{width: 12rem;margin: 0 auto;padding: .2rem 0 .4rem;box-sizing: border-box;}
#content-banner{width: 100%;}
#content-banner img{width: 100%;display: block;}
.content-nav{line-height: .44rem;width: 100%;font-size: .14rem;color: #000000;}
.content-box-nav{line-height: .44rem;width: 100%;font-size: .14rem;color: #000000;}
.content-box-nav img{float: left;margin: .12rem .10rem;width: .14rem;height: .18rem;}
.content-box-nav a{color: #000000;}
.content-box-nav a:hover{color: #024894;}
.content-list{float: right;width: 9.3rem;}
.content-list-box{margin-top: .3rem;}
.content-list-box:first-child{margin-top: 0;}
.content-list-title{height: .46rem;line-height: .46rem;width: 100%;background: #f2f2f2;}
.content-list-title img{float: left;height: .36rem;width: .36rem;margin-top: .07rem;margin-right: .12rem;}
.content-list-title-hot{font-size: .2rem;height: .46rem;box-shadow: none;margin-top: 0;font-style: normal;width: 1.70rem;text-align: center;padding-right: 0;float: left;color: #FFFFFF;background: #024894;font-weight: 600;letter-spacing: .02rem;}
.content-list-title span{font-size: .18rem;color: #999999;margin-left: .2rem;text-transform: uppercase;}
.content-list-title a{font-size: .14rem;color: #024894;float: right;margin-right: .28rem;font-weight: bold;}
.product-right .pro-list{padding: .1rem 0 .3rem;box-sizing: border-box;}
.product-right .pro-list ul li{width: 2.93rem;margin: .08rem;}
.product-right .pro-list .pro-img{width: 2.93rem;height: 2.9rem;}
.product-right .pro-list .pro-title{height: .5rem;line-height: .5rem;}
.pro-news-list{width: 100%;padding: .20rem .2rem;box-sizing: border-box;}
.pro-news-list ul li{width: 47%;float: left;line-height: .3rem;font-size: .14rem;color: #595858;height: .3rem;margin-left: 6%;position: relative;padding-left: .2rem;box-sizing: border-box;}
.pro-news-list ul li:before{content: '';border: .05rem solid transparent;border-left-color: #595858;border-left-width: .08rem;position: absolute;top: .09rem;left: 0;}
.pro-news-list ul li h4{font-size: .14rem;float: left;height: .30rem;width: 3.1rem;overflow: hidden;}
.pro-news-list ul li span{float: right;font-size: .14rem;}
.pro-news-list ul li:nth-child(odd){margin-left: 0;}
.pro-news-list ul li a:hover{color: #024894;}
.pro-news-list ul li:hover:before{border-left-color: #024894;}
.pro-text p img{vertical-align:top;}
.pro-text img{max-width:100% !important;height: auto !important;}
.pro-list-row{padding: 0;box-sizing: border-box;}
.pro-list-row ul li{padding: 0 2%;box-sizing: border-box;width: 100%;margin: 0;}
.pro-list-row ul li:nth-child(even){background: #fafafa;}
.pro-list-row ul li:hover{box-shadow: none;}
.pro-list-row ul li:hover .pro-img{box-shadow: 0 0 .10rem #bdbdbd;}
.pro-list-row ul li:hover h3 a{color: #024894;}
.pro-list-row-box{padding: .30rem 0;box-sizing: border-box;}
.pro-list-row-box .pro-img{float: left;width: 2.40rem;height: 2.40rem;background: #FFFFFF;}
.pro-content{float: left;padding-left: .35rem;box-sizing: border-box;color: #323333;position: relative;height: 2.40rem;width: 6rem;padding-top: .2rem;}
.pro-content h3{font-size: .18rem;font-weight: bold;line-height: .4rem;border-bottom: .01rem dashed #929292;float: left;height: .4rem;max-width: 100%;overflow: hidden;}
.pro-content p{line-height: .24rem;font-size: .14rem;font-weight: bold;color: #666666;height: 1.2rem;width: 100%;overflow: hidden;margin-top: .1rem;}
.pro-link{height: .3rem;line-height: .3rem;width: 1rem;border-radius: .1rem;text-align: center;position: absolute;bottom: 0;right: 0;background: #d0d0d0;font-size: .14rem;font-weight: bold;letter-spacing: .01rem;transition:all .5s;}
.pro-link a{color: #FFFFFF;display: block;}
.pro-list-row ul li:hover .pro-link{background: #024894;}
.pro-list-row ul li:hover .pro-link a{color: #FFFFFF;}
.page{width: 100%;height: .60rem;line-height: .30rem;padding: .15rem 2%;box-sizing: border-box;font-size: .14rem;}
.page a{display: block;height: .30rem;padding: 0 .10rem;box-sizing: border-box;border: .01rem solid #b2b1b1;border-radius: .05rem;float: left;margin: 0 .02rem;}
.page span{float: left;padding: 0 .10rem;box-sizing: border-box;color: #024894;}
.page-list{float: right;}
/*详情页*/
.pro-desc{width: 100%;margin-bottom: .40rem;}
.pro-desc-swp{width: 3.80rem;float: left;position: relative;}
.pro-desc-swp .gallery-top{width: 3.8rem;overflow: hidden;height:3.8rem;}
.pro-desc-swp .gallery-thumbs{width: 3.25rem;overflow: hidden;margin: .2rem auto 0;}
.pro-desc-swp .gallery-thumbs .swiper-slide{border: .01rem solid #a6a6a6;box-sizing: border-box;}
.pro-desc-swp .swiper-slide img{width: 100%;}
.pro-desc-swp i{height: 1.03rem;width: .2rem;background: #e6e6e6;font-size: .2rem;line-height: 1.03rem;text-align: center;color: #024894;position: absolute;bottom: 0;z-index: 2;cursor: pointer;}
.pro-desc-swp i.next{right: 0;}
.pro-desc-swp i.prev{left: 0;}
.pro-desc-con{width: 7.60rem;float: right;}
.pro-desc-con h1{font-size: .24rem;color: #024894;font-weight: bold;line-height: .70rem;padding-left: .25rem;box-sizing: border-box;height: .7rem;width: 100%;overflow: hidden;}
.pro-desc-con-box{width: 100%;border-top: .01rem dashed #024894;border-bottom: .01rem dashed #024894;padding: .25rem .05rem;box-sizing: border-box;height: 3rem;}
.pro-desc-con-box p{line-height: .28rem;color: #666666;font-size: .16rem;}
.pro-desc-con-box strong{color: #024894;}
.pro-desc-con-link{text-align: right;margin: .30rem 0;}
.pro-desc-con-link-btn{height: .42rem;line-height: .42rem;text-align: center;width: 2rem;border-radius: .20rem;margin-left: .30rem;background: linear-gradient(to left,#dee0e6,#ffffff,#dee0e6);border: .01rem solid #024894;position: relative;float: right;font-size: .18rem;color: #024894;padding-left: .25rem;box-sizing: border-box;}
.pro-desc-con-link-btn div{position: absolute;height: .36rem;width: .36rem;border-radius: 50%;background: #FFFFFF;box-shadow: .02rem .02rem .05rem #a6a6a6;top: .02rem;left: .02rem;text-align: center;}
.pro-desc-con-link-btn div img{margin-top: .06rem;}
.pro-desc-con-link-btn:nth-child(1){background: #024894;color: #FFFFFF;}
.pro-desc-con-link-btn:nth-child(1) div{box-shadow: none;}
/*news-desc*/
.news-con{width: 100%;padding: .20rem;box-sizing: border-box;}
.news-con h1{height: .60rem;line-height: .60rem;text-align: center;border-bottom: .01rem dashed #b1b3b2;font-size: .20rem;font-weight: bold;}
.news-con-at{text-align: center;line-height: .40rem;font-size: .14rem;color: #b1b2b2;}
.news-con-at span{margin: 0 .20rem;}
.news-text img{margin: .20rem 0;max-width:100%;}
.news-text{padding: 0 .30rem;box-sizing: border-box;}
.news-con p{margin-top: .20rem;line-height: .32rem;font-size: .16rem;color: #808080;text-indent: .02em;}
.news-con img{max-width:100%;}
.page-x{width: 100%;line-height: .42rem;padding-left: .30rem;box-sizing: border-box;background: linear-gradient(to top,#e5e5e5,#ffffff);font-size: .18rem;}
.news-key{line-height: .64rem;font-size: .16rem;padding-left: .30rem;box-sizing: border-box;}
.review-list{width: 100%;padding: .10rem .30rem;box-sizing: border-box;}
.review-list ul li{padding: .25rem 0;box-sizing: border-box;border-bottom: .01rem solid #f0f0f0;}
.review-list ul li:last-child{border: 0;}
.review-list-top{font-size: .18rem;color: #024894;font-weight: 400;line-height: .32rem;}
.review-list-top span{margin-right: .60rem;}
.review-list-user{line-height: .24rem;color: #4c4b4b;font-size: .14rem;}
.review-list-adm{border: .01rem dashed #90a79c;line-height: .24rem;padding: .10rem .12rem;box-sizing: border-box;margin-top: .10rem;}
.review-list-adm strong{color: #024894;}
.review-form{width: 92%;margin: .30rem 4%;}
.review-form-text{width: 100%;border: .01rem dashed #024894;height: 1.15rem;}
.review-form-text textarea{width: 100%;height: 100%;border: 0;padding: .15rem;box-sizing: border-box;font-size: .14rem;color: #4d413e;}
.review-form span{font-size: .14rem;color: #4d413e;margin-left: .15rem;line-height: .30rem;}
.review-form-btn{text-align: right;}
.review-form-btn button{width: 1rem;margin-left: .08rem;height: .32rem;border: 0;font-size: .20rem;color: #FFFFFF;background: #272727;cursor: pointer;}
.review-form-btn button:nth-child(2){background: #024894;}

.pro-list-dan{width: 100%;}
.pro-list-dan ul{padding: .2rem 0 0;box-sizing: border-box;}
.pro-list-dan ul li{width: 100%;padding: 0;margin-bottom: .2rem;float: none;height: auto;border: 0;}
.pro-list-dan ul li:after{opacity: 0;}
.pro-list-dan ul li .pro-img{height: auto;}
.pro-list-dan ul li:hover .pro-title{background: #024894;color: #FFFFFF;}
.pro-list-dan ul li:hover .pro-img img{transform: scale(1.2);}
.news-list-dan{padding: .1rem 0;box-sizing: border-box;}
.news-list-dan ul li{border: 0;padding: 0;}
.news-list-dan ul li:before{opacity: 0;}
.news-list-dan ul li:after{opacity: 0;}
.news-list-dan ul{padding-bottom: 0;}
.news-list-dan ul li{overflow: hidden;}
.news-list-dan ul li i{width: .18rem;height: .18rem;text-align: center;line-height: .16rem;border: .01rem solid #b8b7b7;border-radius: .02rem;font-size: .12rem;color: #333232;margin-right: .12rem;margin-top: .09rem;font-style: normal;display: block;float: left;}
.news-list-dan ul li:hover i{color: #FFFFFF;background: #024894;border-color: #024894;}
.left-nav-news-hot ul li{line-height: .36rem;height: .36rem;}
/*æ–°é—»*/
.news-company{width: 100%;padding: .3rem;box-sizing: border-box;}
.swiper-container-company{width: 4.8rem;float: left;overflow: hidden;position: relative;}
.swiper-container-company .swiper-slide{position: relative;}
.swiper-container-company .swiper-slide .img{width: 4.8rem;height: 3.1rem;display: block;}
.swiper-container-company .swiper-slide .img img{width: 100%;height: 100%;}
.swiper-container-company .swiper-slide .text{position: absolute;bottom: 0;left: 0;height: .34rem;line-height: .34rem;padding: 0 .9rem 0 .25rem;box-sizing: border-box;overflow: hidden;background: rgba(0,0,0,.5);width: 100%;}
.swiper-container-company .swiper-slide .text a{color: #FFFFFF;}
.swiper-pagination-company{position: absolute;bottom: .07rem !important;right: .1rem;z-index: 2;width: .8rem !important;left: auto !important;}
.swiper-pagination-company span{height: .16rem;width: .16rem;text-align: center;line-height: .16rem;font-size: .14rem;background: #eeeeee;color: #323333;border-radius: 0;opacity: 1;}
.swiper-pagination-company .swiper-pagination-bullet-active{background: #024894;color: #FFFFFF;}
.news-company-list{width: 3.55rem;float: right;}
.news-company-list ul{margin-top: -.1rem;}
.news-company-list ul li{padding: .1rem 0;box-sizing: border-box;border-bottom: .01rem dashed #9a9a9a;position: relative;}
.news-company-list ul li h3{font-size: .16rem;color: #323333;line-height: .3rem;height: .3rem;width: 100%;overflow: hidden;font-weight: 600;}
.news-company-list ul li p{font-size: .16rem;color: #666666;height: .56rem;width: 100%;line-height: .28rem;overflow: hidden;}
.news-company-list ul li span{font-size: .14rem;color: #666666;line-height: .3rem;display: block;width: 1rem;height: .3rem;background: #FFFFFF;position: absolute;bottom: .1rem;right: 0;text-align: right;}
.news-company-list ul li a:hover h3{color: #024894;}
.gallery-top-newss .swiper-slide{}
.gallery-top-newss-ul{padding: 0 .3rem;box-sizing: border-box;}
.gallery-top-newss-ul li{width: 48%;float: left;height: .44rem;line-height: .44rem;box-sizing: border-box;position: relative;padding-left: .2rem;margin-left: 4%;border-bottom: .01rem dashed #bababa;}
.gallery-top-newss-ul li:nth-child(odd){margin-left: 0;}
.gallery-top-newss-ul li:before{content: '';height: .06rem;width: .06rem;background: #7d7d7d;border-radius: 50%;position: absolute;top: .19rem;left: 0;}
.gallery-top-newss-ul li a{color: #323333;}
.gallery-top-newss-ul li:hover a{color: #024894;}
.gallery-top-newss-ul li:hover:before{background: #024894;}
.gallery-top-newss-ul li h4{font-size: .14rem;float: left;width: 3rem;overflow: hidden;height: .3rem;}
.gallery-top-newss-ul li span{float: right;font-size: #7e807f;}
.gallery-thumbs-newss ul{margin-left: -1rem;}
.gallery-thumbs-newss ul li{background: #333333;color: #FFFFFF;font-size: .16rem;text-align: center;cursor: pointer;}
.gallery-thumbs-newss ul li h2{font-size: .2rem;font-weight: 600;}
.gallery-thumbs-newss .swiper-slide-thumb-active{background: #024894;}

/*news-list*/
.news-list-row .news-img{width: 4rem;height: 2.77rem;float: left;box-shadow: 0 0 .10rem #bdbdbd;}
.news-list-row .news-img img{width: 100%;height: 100%;display: block;}
.news-content{width: 4.8rem;float: right;height: 2.6rem;}
.news-content span{color: #333333;line-height: .4rem;font-size: .14rem;}
.news-content p{height: .72rem;margin: .2rem 0 .4rem;text-indent: 2em;}
/*case*/
.case-list-row .case-img{width: 4.2rem;height: 2.8rem;float: left;box-shadow: 0 0 .10rem #bdbdbd;}
.case-list-row .case-img img{width: 100%;height: 100%;display: block;}
.case-content{width: 4.6rem;float: right;height: 2.6rem;}
.case-content span{color: #333333;line-height: .4rem;font-size: .14rem;}
.case-content p{height: .72rem;margin: .2rem 0 .4rem;text-indent: 2em;}

/*contact*/
.message-box{width: 8.20rem;height: 3.30rem;margin: .25rem auto .60rem;border: .01rem solid #f0f0f0;box-sizing: border-box;}
.message-box-img{width: 3.30rem;height: 3.30rem;float: left;box-sizing: border-box;text-align: center;}
.message-box-img img{width: 100%;height: 100%;}
.message-box-con{width: 4.80rem;float: right;padding: .20rem .90rem;box-sizing: border-box;}
.message-box-con table td{height: .60rem;font-size: .16rem;}
.message-box-con table td input{height: .40rem;width: 3.30rem;border:.01rem solid #e5e5e5;border-radius: .05rem;padding: 0 .15rem;box-sizing: border-box;}
.message-box-con table td textarea{height: .90rem;width: 3.30rem;border:.01rem solid #e5e5e5;border-radius: .05rem;padding: .15rem;box-sizing: border-box;margin-top: .10rem;}
.message-box-con table td button{width: 1.50rem;height: .40rem;color: #FFFFFF;background: #024894;float: right;border: 0;box-shadow: 0 .01rem .03rem #5e7087;cursor: pointer;font-size: .16rem;}
.contact-map{width: 100%;height: 6rem;}
#map{width: 100%;height: 100%;}
.about-con{width: 100%;padding: 0 0 .30rem;box-sizing: border-box;}
.about-con h2{height: .80rem;line-height: .80rem;text-align: center;background-position: bottom center;font-size: .2rem;color: #323333;border-bottom: .01rem dashed #b1b3b2;}
.about-con p{margin-top: .20rem;line-height: .32rem;font-size: .16rem;color: #808080;padding: 0 .30rem;box-sizing: border-box;text-indent: .02em;}
.about-con img{max-width: 100%;display: block;}
.about-team-title{width: 90%;margin: 0 auto;height: .38rem;line-height: .38rem;text-align: center;background: url(../img/about_title_bgs.png) no-repeat center center;background-size: auto .38rem;font-size: .20rem;color: #FFFFFF;}
.about-team{padding: .1rem 0 .2rem;box-sizing: border-box;}
.about-team ul{width: 100%;margin-top: .10rem;}
.about-team ul li{border: 0;float: left;height: auto;width: 48%;padding: 0;margin-top: .10rem;margin-left: 1.33%;}
.about-team ul li:hover{background: none;}
.about-team ul li img{width: 100%;display: block;}
.about-honor{position: relative;}
.swiper-container-about-zizi{width: 7.2rem;margin: .55rem auto;overflow: hidden;}
.swiper-container-about-zizi .swiper-slide{padding: .05rem;box-sizing: border-box;background: url(../img/rongyu_bg.jpg)no-repeat;background-size: 100% 100%;}
.swiper-container-about-zizi .swiper-slide img{width: 100%;}
.about-honor .icon{width: .3rem;height: .8rem;background: #024894;color: #FFFFFF;line-height: .8rem;text-align: center;font-size: .2rem;position: absolute;top: 50%;transform: translateY(-.4rem);background-image: none;}
.about-honor .swiper-button-next{left: .2rem;right: auto;}
.about-honor .swiper-button-prev{right: .2rem;left: auto;}
.about-honor .icon:after{content: '';}

.contact-box{width: 100%;height: 3.40rem;margin: 0 auto;background: url(../img/contact_bg.jpg) no-repeat;background-size: 100%;margin-top: .20rem;padding: .66rem 2.80rem;position: relative;box-sizing: border-box;}
.contact-box-con{position: absolute;top: .65rem;right: .50rem;height: 2.30rem;width: 3.60rem;}
.contact-box h2{font-size: .26rem;color: #323232;font-weight: 400;}
.contact-box h3{font-size: .30rem;color: #323232;font-weight: 400;opacity: .17;letter-spacing: .001em;line-height: .30rem;}
.contact-box-con{padding-top: .10rem;box-sizing: border-box;}
.contact-box-con table td{line-height: .40rem;font-size: .18rem;color: #323232;}
.contact-box-con table tr td:nth-child(1){width: .75rem;padding-left: .15rem;box-sizing: border-box;}
.contact-box-con table tr td:nth-child(2){}